<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			li{
				list-style-type: none;
			}
			body {
				width: 100%;
			}
			
			body a {
				text-decoration: none;
				color: #333;
			}
			
			body a:hover {
				/*font-size: 50px;*/
				color: #31c27c;
			}
			#header .nav li{
				float: left;
			}
			#header{
				overflow: hidden;
				width: 90%;
				
				
				margin: 0 auto;
				
			}
			#header .nav{
				width: 100%;
				height: 90px;
				line-height: 90px;
				margin: 0 auto;
				border-bottom: 1px solid lightgray;
			}
			#header li:last-child{
				margin: 0;
			}
			
			
			#header .nav li{
				margin: 0 15px;
				
				font-size: 18px;
				
			}
			
			#header input{
				width: 220px;
				height: 40px;
				text-align: center;
			}
			#header .nav li:nth-child(2){
				background-color: #31c27c;
				/*padding: 20px 10px;*/
				padding: 0 15px;
				/*color: red;*/
			}
			#header .nav li:nth-child(9){
				background-color: #31c27c;
				/*padding: 20px 10px;*/
				padding: 0 15px;
				/*color: red;*/
			}
			#header .swaper{
				border: 1px solid transparent;
				width: 100%;
				height: 60px;
				line-height: 60px;
				padding-left: 16%;
			}
			#header .swaper li{
				text-align: center;
				float: left;
				margin: 0 20px;
			
			}
			#header .swaper li a{
				font-size: 16px;
			}
			/*#header .nav li:nth-child(2):hover{
				color: white;
				
			}*/
			.top {
				text-align: center;
				width: 100%;
				height: 130px;
				background-color: #ddd;
				padding-top: 15px;
			}
			
			.top h1 {
				/*height: 10px;*/
				margin-bottom: 20px;
				letter-spacing: 10px;
				font-weight: bold;
			}
			
			.top ul {
				height: 50px;
				margin-left: 30%;
			}
			
			.top li {
				float: left;
				list-style-type: none;
				margin-right: 24px;
				font-size: 15px;
			}
			
			.top h1 a:hover {
				color: #333;
			}
			#rommand{
				overflow: hidden;
				/*background-color: red;*/
				margin-bottom: 20px;
			}
			#rommand .bottom {
				width: 100%;
				margin-left: 5%;
				
				
			}
			
			#rommand .bottom div {
				margin: 0 auto;
				width: 225px;
				/*width: 100%;*/
				float: left;
				margin-right: 1.5%;
				
				overflow: hidden;
				position: relative;
			}
			
			#rommand .bottom img {
				margin-bottom: 10px;
				width: 225px;
				transition: transform 1s;
				transform-origin: right bottom;
				
			}
			
		
			
			#rommand .bottom span {
				font-size: 14px;
				font-weight: bold;
			}
			
			#rommand .bottom p {
				margin: 5px;
				color: #999;
				font-size: 14px;
			}
			#rommand .bottom .over{
				width: 225px;
				height: 225px;
				background-color: rgb(0,0,0,0.2);
				text-align: center;
				position: absolute;
				left: 0;
				top: 0;
				display: none;
				transition: all 1s;
			}
			#rommand .bottom .over img{
				width: 40px;
				padding-top: 35%;
				opacity: 0;
				transition: all 1s;
				
			}
			
			#rommand .bottom .one:hover .over{
				display: block;
				
			}
			#rommand .bottom .over:hover{
				background-color: rgb(0,0,0,0.5);
			}
			#rommand .bottom .over:hover img{
				width: 60px;
				opacity: 1;
			}
			#rommand .bottom .one:hover img{
				transform: scale(1.05);
				
			}
			
			#first {
				width: 100%;
				/*clear: both;*/
				/*padding-top: 80px;*/
				margin: 0 auto;
				padding-bottom: 40px;
				overflow: hidden;
				/*background-color: green;*/
				margin-bottom: 40px;
			}
			#first .top{
				background-color: gainsboro;
				text-align: center;
			
			}
			
			#first .top ul {
				margin-left: 40%;
			}
			
			
			#first .bottom{
				/*width: 400px;*/
				margin-left: 5%;
				margin-top: 40px;
				/*margin-bottom: 140px;
				padding-bottom: 20px;*/
				/*clear: both;
				padding-bottom: 40px;*/
			}
			#first .bottom img {
				float: left;
				width: 86px;
			}
			
			#first .bottom .bottom-right {
				width: 260px;
				float: left;
				margin-right: 20px;
				margin-left: 10px;
				/*border: 1px solid gray;*/
			}
			#first .bottom .bottom-right span{
				float: right;
			}
			
			#first .bottom .bottom-all {
				border-bottom: 1px solid gainsboro;
				/*height: 86px;*/
				/*clear: both;*/
				float: left;
				margin-right: 25px;
			}
			/*#first .bottom .bottom-all::after{
				content: "";
				clear: both;
				display: block;
			}*/
			
			#first .bottom h3 {
				font-size: 14px;
			}
			#first h1{
				text-align: center;
				
			}
			
			#first .bottom p {
				font-size: 14px;
				color: #999;
			}
			#first .bottom p:hover{
				color: #31c27c;
			}
			#beautiful h1{
				width: 100%;
				clear: both;
				text-align: center;
				letter-spacing: 20px;
				height: 145px;
				line-height: 145px;
				background-color: lightgray;
				margin-top: 20px;
			}
			#beautiful{
				margin: 10px auto;
			}
			#beautiful img{
				vertical-align: middle;
				width: 590px;
				height: 235px;
				margin-right: 20px;
				
			}
			#beautiful .bottom{
				/*padding-top: 0;*/
			
				margin: 0px 4%;
				padding-bottom: 40px;
			}
			#dash .top{
				text-align: center;
			}
			#dash .top h1{
				letter-spacing: 20px;
				margin-bottom: 20px;
			}
			#dash .top a{
				margin: 20px 10px;
			}
			#dash .bottom img{
				width: 225px;
			}
			#dash .bottom{
				width: 90%;
				margin: 0 auto;
				margin-bottom: 10px;
			}
			#dash .bottom li{
				width: 225px;
				/*background-color: green;*/
				float: left;
				margin: 0 6px;
			}
			#dash .bottom h5{
				margin: 10px 0;
			}
			#dash .bottom p{
				font-size: 14px;
				color: gray;
			
			}
			#dash{
				overflow: hidden;
			}
			#sort a{
				color: white;
			}
			#sort h1{
				letter-spacing: 20px;
				text-align: center;
				background-color: lightgray;
				height: 145px;
				line-height: 145px;
			}
			#sort .song{
				width: 90%;
				margin: 0 auto;
			}
			#sort .song ul{
				width: 225px;
				height: 500px;
				background-color: indianred;
				float: left;
				margin:  0 8px;
				color: white;
			}
			#sort .song h2{
				text-align: center;
				margin-top: 10px;
				margin-bottom: 30px;
				/*border-bottom: 3px solid white;*/
			}
			#sort .song h3{
				text-align: center;
				margin-top: 40px;
			}
			#sort .song p{
				/*text-align: center;*/
				margin-left: 30px;
				line-height: 30px;
				font-size: 14px;
				color: white;
			}
			#sort .song li{
				margin-bottom: 30px;
			}
			#sort{
				overflow: hidden;
			}
			#mv .high{
				margin-top: 40px;
				height: 150px;
				width: 100%;
				/*line-height: 150px;*/
				text-align: center;
				background-color: lightgray;
			}
			#mv .high h1{
				padding: 30px 20px 0 0;
				letter-spacing: 20px;
				margin-bottom: 20px;
			}
			#mv .high a{
				margin: 0 10px;
				/*color: darkgray;*/
			}
			#mv .low li{
				font-size: 14px;
				color: darkgray;
				float: left;
				margin-right: 15px;
				margin-bottom: 20px;
				height: 200px;
				/*border: 1px solid black;*/
			}
			#mv .low{
				width: 90%;
				margin: 0 auto;
			}
			#mv{
				overflow: hidden;
			}
			#footer{
				padding-top: 70px;
				width: 100%;
				height: 550px;
				background-color: rgb(51,51,51);
			}
			#footer .passage .left{
				/*background-color: red;*/
				overflow: hidden;
				width: 27%;
				margin-left: 5%;
				float: left;
			
			}
			#footer .passage .left p{
				background-image: url(img/6.png) ;
				width: 37px;
				height: 45px;
				background-repeat: no-repeat;
                background-position: -2px 0;
                margin-top: 40px;
                margin-bottom: 20px;
				
			}
			#footer .passage .left p:hover{
				background-image: url(img/6.png);
				width: 37px;
				height: 45px;
				background-repeat: no-repeat;
				background-position: -2px -49px;
				margin-top: 40px;
                margin-bottom: 20px;

			}
			#footer .passage .left li{
				float: left;
				margin-right: 53px;
			}
			#footer .passage .right{
				/*background-color: red;*/
				overflow: hidden;
				float: left;
				margin-left: 5%;
				
			}
			#footer .passage .right li p{
				margin: 20px  20px 20px 0;
			}
			#footer .passage .right li{
				float: left;
			}
			#footer a{
				color: lightgray;
				font-size: 14px;
			}
			#footer .passage{
				overflow: hidden;
			}
			#footer .platform{
				margin-top: 40px;
				width: 60%;
				/*background-color: green;*/
				margin-left: 5%;
				overflow: hidden;
			}
			#footer .platform p{
				margin: 40px 0 0 0 ;
			}
			#footer .platform li{
				float: left;
				/*background-color: green;*/
				margin-right: 210px;
			}
			#footer .abort{
				margin-top: 80px;
				/*background-color: blue;*/
				text-align: center;
				
			}
			#footer .abort p{
				margin-bottom: 20px;
				color: white;
				font-size: 12px;
			}
			#footer h4{
				color: white;
			}
			#footer a:hover{
				color: #31c27c;
			}
			#advertise img{
				width: 102px;
			}
			#advertise{
				width: 145px;
				height: 95px;
				background-color: white;
				position: fixed;
				top: 200px;
				left: 1130px;
				text-align: center;
				padding: 20px;
			
			}
			#advertise p{
				margin: 10px 0;
				color: gray;
			}
			#advertise a{
				color: white;
				font-size: 15px;
				padding: 10px 20px;
				background-color: rgb(44,175,111);
				border-radius: 20px;
			}
		</style>
	</head>

	<body>
		<div id="header">
			<ul class="nav">
				<li><a href="###"><img src="img/logo.png"/></a></li>
				<li><a href="###" style="color: white;">音乐馆</a></li>
				<li><a href="###">我的音乐</a></li>
				<li><a href="###">客户端</a></li>
				<li><a href="###">开放平台</a></li>
				<li><a href="###">VIP</a></li>
				<li><input type="text" name="" id="" value="" placeholder="搜索音乐 MV歌单 用户" /></li>
				<li><a href="###" style="font-size: 14px;">登录</a></li>
				<li><a href="###" style="color: white;font-size: 14px;">开通VIP</a></li>
				<li><a href="###" style="border: 1px solid gray;padding: 10px 30px;font-size: 14px;">充值</a></li>
			</ul>
			<ul class="swaper">
				<li><a href="###">首页</a></li>
				<li><a href="###">歌手</a></li>
				<li><a href="###">新碟</a></li>
				<li><a href="###">排行榜</a></li>
				<li><a href="###">分类歌单</a></li>
				<li><a href="###">电台</a></li>
				<li><a href="###">MV</a></li>
				<li><a href="###">数字专辑</a></li>
				<li><a href="###">票务</a></li>
			</ul>
			
		</div>
		<div id="rommand">
			<div class="top">
				<h1><a href="###">歌单推荐</a></h1>
				<ul>
					<li>
						<a href="###" style="color: #31c27c;">为您推荐</a>
					</li>
					<li>
						<a href="###">短视频热歌</a>
					</li>
					<li>
						<a href="###">节奏控</a>
					</li>
					<li>
						<a href="###">九月推荐</a>
					</li>
					<li>
						<a href="###">官方歌单</a>
					</li>
					<li>
						<a href="###">情歌</a>
					</li>
				</ul>

			</div>
			<div class="bottom">
				<div class="one">
					<a href="###"><img src="img/1.jpg" /></a>
					<div class="over">
						<img src="img/play.png"/>
					</div>
					<span><a href="###">上分必备|身法操作不可少的BGM</a></span>
					<p>播放量：113.0万</p>

				</div>
				<div class="two one">
					<a href="###"><img src="img/1.jpg" /></a>
					<div class="over">
						<img src="img/play.png"/>
					</div>
					<span><a href="###">上分必备|身法操作不可少的BGM</a></span>
					<p>播放量：113.0万</p>

				</div>
				<div class="three one">
					<a href="###"><img src="img/1.jpg" /></a>
					<div class="over">
						<img src="img/play.png"/>
					</div>
					<span><a href="###">上分必备|身法操作不可少的BGM</a></span>
					<p>播放量：113.0万</p>

				</div>
				<div class="four one">
					<a href="###"><img src="img/1.jpg" /></a>
					<div class="over">
						<img src="img/play.png"/>
					</div>
					<span><a href="###">上分必备|身法操作不可少的BGM</a></span>
					<p>播放量：113.0万</p>

				</div>
				<div class="five one">
					<a href="###"><img src="img/1.jpg" /></a>
					<div class="over">
						<img src="img/play.png"/>
					</div>
					<span><a href="###">上分必备|身法操作不可少的BGM</a></span>
					<p>播放量：113.0万</p>

				</div>

			</div>

		</div>
		<div id="first">
			<div class="top">
				<h1><a href="###">新歌首发</a></h1>
				<ul>
					<li style="margin-left: -450px;padding: 10px 30px;border: 1px solid darkgray;">播放全部</li>
					<li>
						<a href="###" style="color: #31c27c;">最新</a>
					</li>
					<li>
						<a href="###">内地</a>
					</li>
					<li>
						<a href="###">港台</a>
					</li>
					<li>
						<a href="###">欧美</a>
					</li>
					<li>
						<a href="###">韩国</a>
					</li>
					<li>
						<a href="###">日本</a>
					</li>
				</ul>

			</div>
			<div class="bottom">
				<div class="bottom-all">
					<a href="###">

						<a href="###"><img src="img/2.jpg" /></a>
						<div class="bottom-right">
							<a href="###">
								<h3>Believers (T-Ma Remix)</h3></a>
								<p style="margin-bottom: 30px;"><span id="">
								04:25</span></p>
							<a href="###">
								<p>Alan Walker</p>
							</a>
							

						</div>
					</a>
				</div>

				<div class="bottom-all">
					<a href="###">

						<a href="###"><img src="img/2.jpg" /></a>
						<div class="bottom-right">
							<a href="###">
								<h3>Believers (T-Ma Remix)</h3></a>
								<p style="margin-bottom: 30px;"><span id="">
								04:25</span></p>
							<a href="###">
								<p>Alan Walker</p>
							</a>

						</div>
					</a>
				</div>

				<div class="bottom-all">
					<a href="###">

						<a href="###"><img src="img/2.jpg" /></a>
						<div class="bottom-right">
							<a href="###">
								<h3>Believers (T-Ma Remix)</h3></a>
								<p style="margin-bottom: 30px;"><span id="">
								04:25</span></p>
							<a href="###">
								<p>Alan Walker</p>
							</a>

						</div>
					</a>
				</div>

				<div class="bottom-all">
					<a href="###">

						<a href="###"><img src="img/2.jpg" /></a>
						<div class="bottom-right">
							<a href="###">
								<h3>Believers (T-Ma Remix)</h3></a>
								<p style="margin-bottom: 30px;"><span id="">
								04:25</span></p>
							<a href="###">
								<p>Alan Walker</p>
							</a>

						</div>
					</a>
				</div>

				<div class="bottom-all">
					<a href="###">

						<a href="###"><img src="img/2.jpg" /></a>
						<div class="bottom-right">
							<a href="###">
								<h3>Believers (T-Ma Remix)</h3></a>
								<p style="margin-bottom: 30px;"><span id="">
								04:25</span></p>
							<a href="###">
								<p>Alan Walker</p>
							</a>

						</div>
					</a>
				</div>

				<div class="bottom-all">
					<a href="###">

						<a href="###"><img src="img/2.jpg" /></a>
						<div class="bottom-right">
							<a href="###">
								<h3>Believers (T-Ma Remix)</h3></a>
								<p style="margin-bottom: 30px;"><span id="">
								04:25</span></p>
							<a href="###">
								<p>Alan Walker</p>
							</a>

						</div>
					</a>
				</div>

				<div class="bottom-all">
					<a href="###">

						<a href="###"><img src="img/2.jpg" /></a>
						<div class="bottom-right">
							<a href="###">
								<h3>Believers (T-Ma Remix)</h3></a>
								<p style="margin-bottom: 30px;"><span id="">
								04:25</span></p>
							<a href="###">
								<p>Alan Walker</p>
							</a>

						</div>
					</a>
				</div>

				<div class="bottom-all">
					<a href="###">

						<a href="###"><img src="img/2.jpg" /></a>
						<div class="bottom-right">
							<a href="###">
								<h3>Believers (T-Ma Remix)</h3></a>
								<p style="margin-bottom: 30px;"><span id="">
								04:25</span></p>
							<a href="###">
								<p>Alan Walker</p>
							</a>

						</div>
					</a>
				</div>

				<div class="bottom-all">
					<a href="###">

						<a href="###"><img src="img/2.jpg" /></a>
						<div class="bottom-right">
							<a href="###">
								<h3>Believers (T-Ma Remix)</h3></a>
								<p style="margin-bottom: 30px;"><span id="">
								04:25</span></p>
							<a href="###">
								<p>Alan Walker</p>
							</a>

						</div>
					</a>
				</div>

			</div>

		</div>
        <div id="beautiful">
        	<h1>精彩推荐</h1>
        	<div class="bottom">
        		<a href="###"><img src="img/3.jpg"/></a>
        		
        		<a href="###"><img src="img/3.jpg"/></a>
        		
        	</div>
        
        	
        </div>	
        <div id="dash">
        	<div class="top">
        		<h1>新碟首发</h1>
	        	<a href="###">内地</a>
	        	<a href="###">港台</a>
	        	<a href="###">欧美</a>
	        	<a href="###">韩国</a>
	        	<a href="###">日本</a>
	        	<a href="###">其他</a>
        		
        	</div>
        	<div class="bottom">
        		<ul>
        			<li><a href="###"><img src="img/4.jpg"/></a>
        			<h5><a href="###">小朋友</a></h5>
        			<p><a href="###">胖虎</a></p></li>
        			<li><a href="###"><img src="img/4.jpg"/></a>
        			<h5><a href="###">小朋友</a></h5>
        			<p><a href="###">胖虎</a></p></li>
        			<li><a href="###"><img src="img/4.jpg"/></a>
        			<h5><a href="###">小朋友</a></h5>
        			<p><a href="###">胖虎</a></p></li>
        			<li><a href="###"><img src="img/4.jpg"/></a>
        			<h5><a href="###">小朋友</a></h5>
        			<p><a href="###">胖虎</a></p></li>
        			<li><a href="###"><img src="img/4.jpg"/></a>
        			<h5><a href="###">小朋友</a></h5>
        			<p>胖虎</p><p><a href="###">胖虎</a></p></li>
        		</ul>
        		<ul>
        			<li><a href="###"><img src="img/4.jpg"/></a>
        			<h5><a href="###">小朋友</a></h5>
        			<p><a href="###">胖虎</a></p></li>
        			<li><a href="###"><img src="img/4.jpg"/></a>
        			<h5><a href="###">小朋友</a></h5>
        			<p><a href="###">胖虎</a></p></li>
        			<li><a href="###"><img src="img/4.jpg"/></a>
        			<h5><a href="###">小朋友</a></h5>
        			<p><a href="###">胖虎</a></p></li>
        			<li><a href="###"><img src="img/4.jpg"/></a>
        			<h5><a href="###">小朋友</a></h5>
        			<p><a href="###">胖虎</a></p></li>
        			<li><a href="###"><img src="img/4.jpg"/></a>
        			<h5><a href="###">小朋友</a></h5>
        			<p>胖虎</p><p><a href="###">胖虎</a></p></li>
        		</ul>
        		
        	</div>
        	
        	
        </div>
        <div id="sort">
        	<h1>排行榜</h1>
        	<div class="song">
        		
        		
        		<ul>
        			<h3><a href="###">巅峰榜</a></h2>
        			<h2><a href="###">热歌</a></h1>
        			<li>
        				<p><a href="###">1 Ring Ring Ring(原唱)</a></p>
        				<p><a href="###">不是火花呀</a></p>
        				
        			</li>
        			<li>
        				<p><a href="###">2 被人</a></p>
        				<p><a href="###">薛之谦</a></p>
        			</li>
        			<li>
        				<p><a href="">3 星河入眠</a></p>
        				<p><a href="###">乙烯棉</a></p>
        			</li>
        		</ul>
        		<ul>
        			<h3><a href="###">巅峰榜</a></h2>
        			<h2><a href="###">热歌</a></h1>
        			<li>
        				<p><a href="###">1 Ring Ring Ring(原唱)</a></p>
        				<p><a href="###">不是火花呀</a></p>
        				
        			</li>
        			<li>
        				<p><a href="###">2 被人</a></p>
        				<p><a href="###">薛之谦</a></p>
        			</li>
        			<li>
        				<p><a href="">3 星河入眠</a></p>
        				<p><a href="###">乙烯棉</a></p>
        			</li>
        		</ul>
        		<ul>
        			<h3><a href="###">巅峰榜</a></h2>
        			<h2><a href="###">热歌</a></h1>
        			<li>
        				<p><a href="###">1 Ring Ring Ring(原唱)</a></p>
        				<p><a href="###">不是火花呀</a></p>
        				
        			</li>
        			<li>
        				<p><a href="###">2 被人</a></p>
        				<p><a href="###">薛之谦</a></p>
        			</li>
        			<li>
        				<p><a href="">3 星河入眠</a></p>
        				<p><a href="###">乙烯棉</a></p>
        			</li>
        		</ul>
        		<ul>
        			<h3><a href="###">巅峰榜</a></h2>
        			<h2><a href="###">热歌</a></h1>
        			<li>
        				<p><a href="###">1 Ring Ring Ring(原唱)</a></p>
        				<p><a href="###">不是火花呀</a></p>
        				
        			</li>
        			<li>
        				<p><a href="###">2 被人</a></p>
        				<p><a href="###">薛之谦</a></p>
        			</li>
        			<li>
        				<p><a href="">3 星河入眠</a></p>
        				<p><a href="###">乙烯棉</a></p>
        			</li>
        		</ul>
        		<ul>
        			<h3><a href="###">巅峰榜</a></h2>
        			<h2><a href="###">热歌</a></h1>
        			<li>
        				<p><a href="###">1 Ring Ring Ring(原唱)</a></p>
        				<p><a href="###">不是火花呀</a></p>
        				
        			</li>
        			<li>
        				<p><a href="###">2 被人</a></p>
        				<p><a href="###">薛之谦</a></p>
        			</li>
        			<li>
        				<p><a href="">3 星河入眠</a></p>
        				<p><a href="###">乙烯棉</a></p>
        			</li>
        		</ul>
        		
        		
        		
        	</div>
        	
        	
        </div>
		<div id="mv">
			<div class="high">
				<h1>MV</h1>
				<a href="###">精选</a>
				<a href="###">内地</a>
				<a href="###">港台</a>
				<a href="###">韩国</a>
				<a href="###">欧美</a>
				<a href="###">日本</a>
				
			</div>
			<div class="low">
				<ul>
        			<li><a href="###"><img src="img/5.png"/></a>
        			<h5><a href="###">누구보다 널 사랑해</a></h5>
        			<p><a href="###">TWICE</a></p>
        			<p>1.6万</p></li>
        			<li><a href="###"><img src="img/5.png"/></a>
        			<h5><a href="###">누구보다 널 사랑해</a></h5>
        			<p><a href="###">TWICE</a></p><p>1.6万</p></li>
        			<li><a href="###"><img src="img/5.png"/></a>
        			<h5><a href="###">누구보다 널 사랑해</a></h5>
        			<p><a href="###">TWICE</a></p><p>1.6万</p></li>
        			<li><a href="###"><img src="img/5.png"/></a>
        			<h5><a href="###">누구보다 널 사랑해</a></h5>
        			<p><a href="###">TWICE</a></p><p>1.6万</p></li>
        			<li><a href="###"><img src="img/5.png"/></a>
        			<h5><a href="###">누구보다 널 사랑해</a></h5>
        			<p></p><p><a href="###">TWICE</a></p><p>1.6万</p></li>
        		</ul>
        		<ul>
        			<li><a href="###"><img src="img/5.png"/></a>
        			<h5><a href="###">누구보다 널 사랑해</a></h5>
        			<p><a href="###">TWICE</a></p><p>1.6万</p></li>
        			<li><a href="###"><img src="img/5.png"/></a>
        			<h5><a href="###">누구보다 널 사랑해</a></h5>
        			<p><a href="###">TWICE</a></p><p>1.6万</p></li>
        			<li><a href="###"><img src="img/5.png"/></a>
        			<h5><a href="###">누구보다 널 사랑해</a></h5>
        			<p><a href="###">TWICE</a></p><p>1.6万</p></li>
        			<li><a href="###"><img src="img/5.png"/></a>
        			<h5><a href="###">누구보다 널 사랑해</a></h5>
        			<p><a href="###">TWICE</a></p><p>1.6万</p></li>
        			<li><a href="###"><img src="img/5.png"/></a>
        			<h5><a href="###">누구보다 널 사랑해</a></h5>
        			<p></p><p><a href="###">TWICE</a><p>1.6万</p></p></li>
        		</ul>
				
			</div>
			
		</div>
		<div id="footer">
			<div class="passage">
				<div class="left">
					<h4>下载QQ音乐客服端</h4>
					<ul>
						<li>
							
							<a href="###"><p></p></a>
						
						    <a href="###"><h5>PC端</h5></a>
						</li>
						<li>
							
							<a href="###"><p></p></a>
						
						    <a href="###"><h5>PC端</h5></a>
						</li>
						<li>
							
							<a href="###"><p></p></a>
						
						    <a href="###"><h5>PC端</h5></a>
						</li>
						<li>
							
							<a href="###"><p></p></a>
						
						    <a href="###"><h5>PC端</h5></a>
						</li>
					</ul>
					
				</div>
				<div class="left">
					<h4>特色产品</h4>
					<ul>
						<li>
							
							
						
						    <a href="###"><p></p></a>
						
						    <a href="###"><h5>PC端</h5></a>
						    <a href="###"><h5 style="margin-top: 20px;">PC端</h5></a>
						</li>
						<li>
							
							<a href="###"><p></p></a>
						
						    <a href="###"><h5>PC端</h5></a>
						    <a href="###"><h5 style="margin-top: 20px;">PC端</h5></a>
						</li>
						<li>
							
							<a href="###"><p></p></a>
						
						    <a href="###"><h5>PC端</h5></a>
						</li>
						<li>
							
							<a href="###"><p></p></a>
						
						    <a href="###"><h5>PC端</h5></a>
						</li>
					</ul>
					
				</div>
				<div class="right">
					<h4>合作链接</h4>
					<ul>
						<li>
							<p><a href="###">CJENM</a></p>
							<p><a href="###">最新版QQ</a></p>
							<p><a href="###">QQ浏览器</a></p>
							<p><a href="###">企鹅FM</a></p>
						</li>
						<li>
							<p><a href="###">CJENM</a></p>
							<p><a href="###">最新版QQ</a></p>
							<p><a href="###">QQ浏览器</a></p>
							<p><a href="###">企鹅FM</a></p>
						</li>
						<li>
							<p><a href="###">CJENM</a></p>
							<p><a href="###">最新版QQ</a></p>
							<p><a href="###">QQ浏览器</a></p>
							<p><a href="###">企鹅FM</a></p>
						</li>
					</ul>
					
				</div>

				
				
			</div>
			<div class="platform">
				<ul>
					<li>
						<p><a href="###">开放平台</a></p>
						<p><a href="###">QQ音乐开放平台</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="###">腾讯音乐人</a></p>
						
					</li>
					<li>
						<p><a href="###">TME集团官网</a></p>
						<p><a href="###">腾讯音乐</a></p>
					</li>
				</ul>
								
			</div>
			
			<div class="abort">
				<p><a href="###">关于腾讯 |</a><a href="###">About Tencent |</a> <a href="###">服务条款 |</a><a href="">用户服务协议 |</a><a href="###">隐私政策 |</a><a href="###">权利声明 |</a><a href="###">广告服务 |</a><a href="###"></a></p>
				<p>Copyright © 1998 - 2021 Tencent. All Rights Reserved.</p>
				<p>腾讯公司 版权所有 网络文化经营许可证：粤网文[2018]6725-2386号</p>
				
			</div>
		</div>
	
		<div id="advertise">
			<img src="img/logo.png"/>
			<p>千万高品质曲库尽享</p>
			<a href="###">客户端下载</a>
			
		</div>
	</body>

</html>